<template>
  <div id="app">
    <!-- <div id="nav">
      <router-link to="/">抽样公告</router-link>
      <router-link to="/about">食品舆情</router-link>
    </div> -->
    <router-view/>
  </div>
</template>

<script>
// import Utils from './assets/util.js'

export default {
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style>
  *{
    padding: 0;
    margin: 0;
  }

  *, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body {
    background-color: #f2f2f2;
    color: #282828;
  }
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-align: center; */
    color: #2c3e50;
  }

  #nav {
    padding: 30px;
    background-color: antiquewhite;
  }

  #nav a {
    font-weight: bold;
    color: #2c3e50;
    text-decoration:none;
  }

  /* 选中显示 */
  #nav a.router-link-exact-active {
    color: #42b983;
  }
</style>
